.detailArticle {
	font-family: "Microsoft YaHei";
	padding: 50rpx;
	font-size: 15px;
	color: #333;
	line-height: 200%;
	margin-bottom: 100rpx;
}

.icon text {
	font-size: 12px;
	color: #999;
	margin-right: 20rpx;
}

/*关注*/

.user-item {
	height: 80rpx;
	margin: 20rpx 0 20rpx 0;
}

.user-item image {
	width: 80rpx;
	height: 80rpx;
	float: left;
	margin-right: 10rpx;
	border-radius: 50%;
}

.user-item-user {
	height: 80rpx;
	float: left;
}

.cxplain {
	font-size: 12px;
	color: #999;
	line-height: 100%;
}

/*评论列表*/
.divider {
	margin: 40rpx;
}

.comment-item {
	display: flex;
	margin-bottom: 40rpx;
}

.comment-item .c-content {
	display: flex;
	flex-direction: column;
}

.comment-item .c-content .c-txt {
	font-size: 12px;
	color: #616161;
}

.comment-item .time {
	margin-left: auto;
	color: #999;
	font-size: 10px;
}

.comment-item .avatar {
	width: 100rpx;
	height: 100rpx;
	border-radius: 50%;
	border: 1px solid #DD524D;
	margin-right: 20rpx;
}


/*点赞按钮*/

.btn-view {
	display: flex;
	justify-content: center;
	margin-top: 30rpx;
}

.btn-view button {
	font-size: 14px;
	margin: 0 5rpx;
}

/*评论*/

.comment {
	width: 100%;
	position: fixed;
	bottom: 0;
	overflow: hidden;
	border: 1px solid #f5f5f5;
}

.divider {
	margin: 40rpx 0 !important;
}

/*文章图片*/
.img-style-1 {
	display: block;
	width: 100%;
	max-height: 600rpx;
	border-radius: 5px;
}

.img-style-2 {
	display: flex;
}

.img-style-2 image {
	margin: 5rpx;
	border-radius: 5px;
	width: 100%;
	height: 294rpx;

}

.img-style-3 {
	display: flex;
	flex-wrap: wrap;
}

.img-style-3 image {
	width: 31.3%;
	height: 200rpx;
	margin: 1%;
	border-radius: 5px;
}

/* 评论tool */
.comment-tool {
	position: fixed;
	bottom: 0;
	width: 100vw;
	background-color: #fff;
	padding: 10px;
	display: flex;
	border-top: 1px solid #f5f5f5;
}

.comment-tool textarea {
	background-color: #f5f5f5;
	padding: 20rpx;
	border-radius: 10rpx;
	min-height: 40rpx;
}

.comment-tool .u-btn{
	margin-left: 10rpx;
}